<template>
    <div style="
        position:absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding:0;
        width: 100%;
        height: 100%;
        display:flex;
        flex-direction: column;
        align-items: center;">
        <!-- 添加轨迹窗口start -->
        <el-dialog title="添加轨迹" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
            <el-form ref="form" :model="form" label-width="80px">
                <el-form-item label="轨迹名称">
                    <el-input v-model="form.trackName"></el-input>
                </el-form-item>
                <el-form-item label="英文名称">
                    <el-input v-model="form.trackEnglishName"></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogVisible = false">开始录制</el-button>
            </span>
        </el-dialog>
        <!-- 添加轨迹窗口end -->
        <div style="width: 80%;display: flex;justify-content: end;">
            <el-link @click="dialogVisible = true" type="success" style="margin-left: 10px;">录制轨迹</el-link>
        </div>
    </div>
</template>

<script>
// import request from "../axios/request"
export default {
    data() {
        return {
            TrackList: [],
            dialogVisible: false,
            form:{
                trackName:null,
                trackEnglishName:null
            }
        }
    },
    mounted() {
        this.getAllTrackList();
    },
    methods: {
        async getAllTrackList() {
            // await request({
            //     url:''
            // })
        }
    }
}
</script>

<style></style>